// kline
//:ftrademappingid='ftrademappingid'
//:FBtypeid='FBtypeid' :ftrademappingid='ftrademappingid'
// v-on:choostBZ='choostBZ'
<template>
	<div class="trade flex">
		<c-left class="left bb" :FBtypeid='FBtypeid'/>
		<c-right class="right bb" />
	</div>
</template>

<script>
import Cleft from './left/a'
import Cright from './right/a'
export default {
	name: 'trade',
	data() {
		return {
			ftrademappingid: 0,
			FBtypeid: 0,
		}
	},
	components: {
		'c-left': Cleft,
		'c-right': Cright,
	},
	created() {},
	methods: {
		// //接收Cleft 子组件传递的参数
		// choostBZ(ftrademappingid) {
		// 	if (ftrademappingid != 0) {
		// 		console.log('123123')

		// 		console.log(ftrademappingid)

		// 		this.ftrademappingid = ftrademappingid
		// 	}

		// 	console.log('123123')

		// 	console.log(ftrademappingid)

		// },
	},
	mounted() {
		// //接收路由过来的参数 并分发
		// if (this.$route.params.ftrademappingid != 0) {
		//this.ftrademappingid = this.$route.params.ftrademappingid
		 this.FBtypeid = this.$route.params.FBtypeid
		// 	// console.log('qewqweqe')
		// 	// console.log(this.ftrademappingid)
		// }
	},
}
</script>

<style scoped>
.trade {
	--bg1: #181b2a;
	background-color: var(--bg0);
	justify-content: center;
}
.left {
	width: 280px;
	flex-shrink: 0;
	padding: 10px;
}
.right {
	overflow: hidden;
	flex-shrink: 1;
	flex-grow: 1;
	max-width: 1600px;
	padding: 10px;
	padding-left: 0;
}
</style>
